import React from 'react';
import { NavLink } from 'react-router-dom'
import './App.css';
import logo from './logo.svg';
import DocumentTitle from 'react-document-title';

export default class Frame extends React.Component {
    render() {
        return (
            <DocumentTitle title="RayChess">
                <>
                    <nav>
                        <img alt="logo" src={logo} width="50px" height="50px" />
                        <NavLink to='/' >
                            <svg width="110"
                                height="33"
                                style={{ marginLeft: "5" }}>
                                <text
                                    x="0"
                                    y="22"
                                    width="100%"
                                    height="100%"
                                    fontSize="24"
                                    color="blue">
                                    Ray Chess
                                </text>
                            </svg>
                        </NavLink>
                    </nav>
                    <div>
                        {this.props.children}
                    </div>
                </>
            </DocumentTitle>);
    }
}